<p-sidebar [(visible)]="sidebarVisible"
  position="right"
  styleClass="w-40rem"
  (onHide)="onSidebarHide()"
  #sidebarProps>
  <div *ngIf="cfg"
    class="card p-fluid">
    <h5 [title]="cfg.Id">点位设置
    </h5>
    <p-accordion [activeIndex]="0">
      <p-accordionTab header="信息设置">
        <div class="field grid">
          <label class="col-12 mb-2 md:col-2 md:mb-0">名称</label>
          <div class="col-12 md:col-10">
            <input type="text"
              pInputText
              class="w-full p-inputtext-sm"
              placeholder="名称"
              [(ngModel)]="cfg.Name" />
          </div>
        </div>
        <div class="field grid">
          <label class="col-12 mb-2 md:col-2 md:mb-0">朝向</label>
          <div class="col-12 md:col-10">
            <p-dropdown [options]="orientations"
              title="朝向"
              [(ngModel)]="cfg.Orientation"></p-dropdown>
          </div>
        </div>
      </p-accordionTab>
      <p-accordionTab header="状态设置">
        <app-status-config [(config)]="cfg.Status"></app-status-config>
      </p-accordionTab>
      <p-accordionTab header="字段设置">
        <app-field-map-list [(fields)]="cfg.Fields"></app-field-map-list>
      </p-accordionTab>
    </p-accordion>
  </div>
</p-sidebar>